/*

CSS Credit: http://www.templatemo.com/

*/



body {

	margin: 0px;

	padding: 0px;

	color: #333;

	font-family: Tahoma;

	font-size: 13px;

	line-height: 1.5em;

	background:#fff url("../cutex/images/body_bg_top.gif") repeat-x; 	

}

body,td,input,div,form,select,textarea,pre{

	font-size:9pt; 

	font-family:Tahoma; 

	word-break:keep-all;

}

h1, h2, h3, h4, ul, li { list-style:none; padding:0; margin:0}
.clr { clear:both}


form{margin:0; padding:0;}

body{text-align:left;}

a,label{cursor:pointer;}

A:link{

	text-decoration:none; 

	color:#333333; 

	font-family:Tahoma

}

A:visited{

	text-decoration:none; 

	color:#333333; 

	font-family:Tahoma;

}

A:hover{

	text-decoration:none; 

	color:#000000; 

	font-family:Tahoma;

}

p { margin: 0px; padding: 0; }

img { border: none; }

h1, h2, h3, h4, h5, h6 { color: #183544; }

h1 { font-size: 40px; font-weight: normal; margin: 0 0 30px 0; padding: 5px 0; }

h2 { font-size: 28px; font-weight: normal; margin: 0 0 30px 0; padding: 0; }

h2 span { font-weight: bold; }

h3 { font-size: 21px; margin: 0 0 15px 0; padding: 0; padding: 0; color: #000; font-weight: normal; }

h4 { font-size: 18px; margin: 0 0 15px 0; padding: 0; }

h5 { font-size: 16px; margin: 0 0 10px 0; padding: 0; color: #333; }

h6 { font-size: 14px; margin: 0 0 5px 0; padding: 0; color: #333; }

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }

.cleaner_h10 { clear: both; width:100%; height: 10px; }

.cleaner_h20 { clear: both; width:100%; height: 20px; }

.cleaner_h30 { clear: both; width:100%; height: 30px; }

.cleaner_h40 { clear: both; width:100%; height: 40px; }

.cleaner_h50 { clear: both; width:100%; height: 50px; }

.cleaner_h60 { clear: both; width:100%; height: 60px; }

.float_l { float: left; }

.float_r { float: right; }

.image_wrapper { display: inline-block; border: 5px solid #fff; background: none; margin-bottom: 10px; }

.image_fl { float: left; margin: 3px 15px 0 0; }

.image_fr { float: right; margin: 3px 0 0 15px; }

blockquote { font-style: italic; margin-left: 10px;}

cite { font-weight: bold; color:#3b3823; }

cite span { color: #696443; }

em { color: #000; }

.tmo_list { 

	margin: 5px 0 0px 0px; 

	padding: 0; 

	list-style: none; 

}

.tmo_list li { 

	 background: transparent url(../cutex/images/ui-check-icon.png) no-repeat scroll 0 0px;

	 margin:0 0 0 15px; 

	 padding: 0 0 0 25px; 	

	 line-height: 25px;

	 text-transform:uppercase;
	 display:block; float:none !important

}

.tmo_list li a { color: #5a5a5a; display:block }

.tmo_list li a span{

	position: relative;

	top: -6px;

 }

.tmo_list li a:hover { color: #66CEFA; }

.btn_more a {

	display: block;

	width: 82px;

	height: 27px;

	color: #666;

	padding: 3px 0 0 0;

	font-size: 12px;

	text-align: center;

	font-weight: bold;

	text-decoration: none;

    background: url(../cutex/images/templatemo_button.png) no-repeat;

}

.btn_more a:hover {

	color: #333;

	text-decoration: none;

    background:	url(../cutex/images/templatemo_button_hover.png) no-repeat;

}

.box_site{

	width: 960px;

	margin: 0 auto;

    background-image: url("../cutex/images/trans.png");

}

#templatemo_wrapper_outer {

	width: 100%;

	margin: 0 auto;

	/*background: url(../cutex/images/templatemo_wrapper.jpg) top center no-repeat;*/

}

#templatemo_wrapper {

	width: 940px;

	padding: 0 10px;

	margin: 0 auto;	

	/*background-color: #fff;

	background: url(../cutex/images/bg_body.jpg) no-repeat left top;*/

}

#templatemo_header {

	width: 940px;

}

#templatemo_header  #site_title {

	/*margin:0 -10px -10px;*/
	margin:auto;
	padding:0px 0;
	text-align:center;
	width:940px;
	height:169px;


}

#templatemo_header  #site_title h1 {

	margin: 0;

	padding: 0;

}

#templatemo_header  #site_title a {

	margin: 0px;

	padding: 0px;

	font-size: 40px;

	color: #ffffff;

	font-weight: bold;

	text-decoration: none;

}

#templatemo_header  #site_title a span {

	display: block;

	font-size: 14px;

	color: #fff;

	font-weight: normal;

	margin-left: 5px;

}

/* menu */

#nav {

	border: 1px solid #0CC;

	margin:0 5px 5px;

	padding: 0px 10px 5px 10px;

	height: 30px;
margin-top:29px;
	background: #004597;

	border: #004597 solid 1px;

	-webkit-border-radius: 7px;

	-moz-border-radius: 7px;

	border-radius: 7px;
	position:relative;

}

#nav ul.select {

	display: inline-block;

	margin: 0;

	margin-top: 4px;

	padding: 0;

	list-style: none;

}

#nav li{

	float:left;

	display: inline-block; 

	line-height:30px;
	
	position:relative;
	z-index:10000;

}


#nav li.menuline {

    border-right: 1px solid #D2D2D2;

    padding:0 0px 0 0px;

}

#nav li.notline {

    padding:0 10px 0 10px;

}

#nav .select a {

	display:block;  

	float:left;

	font-size: 14px;

	padding:0 0 0 0px; 

	text-decoration:none;

	color:#fff;

	font-weight: bold;

	padding:0 10px

}

#nav .select a b {

	display:block;

	line-height:30px;

	/*padding:0 15px 0px 15px;*/

    padding:0 15px 0px 15px; 

}

#nav .select li:hover a {

	display: inline-block; 

	line-height:30px; 

	cursor:pointer; 

	color:#66CEFA;

}

#nav .select li:hover a b {

	display:block; 

	/*padding:0 15px 0px 15px;*/

    padding:0 15px 0px 15px;

	cursor:pointer;

	line-height:30px;

	display: inline-block;

}

#nav a.current {

	color:#66CEFA;

}

.sub { display:none; margin:0; padding:0 !important}


#templatemo_menu {

	float: right;

	display: inline-block;

	border: 1px solid #0CC;

	position: relative;

	margin-top: 50px;

	padding: 0px 10px 10px 10px;

	height: 30px;

	background: #004597;    

	border: #004597 solid 1px;

	-webkit-border-radius: 7px;

	-moz-border-radius: 7px;

	border-radius: 7px;

}

#templatemo_menu ul {

	display: inline-block;

	margin: 0;

	padding: 0;

	list-style: none;

}

#templatemo_menu ul li {

	padding: 0;

	margin: 0;

	display: inline-block;

}

#templatemo_menu ul li a {

	float: left;

	display: block;

	font-size: 14px;

	padding: 10px 20px 0 20px;

	color: #fff;	

	text-decoration: none;

	font-weight: bold;

	outline: none;

	/*background: url(../cutex/images/templatemo_menu.png) top left no-repeat;*/

}

#templatemo_menu ul li a:hover, #templatemo_menu ul .current {

	color: #fff;

	/*background: url(../cutex/images/templatemo_menu_hover.png) top left no-repeat;*/

}

/* end of menu */

#templatemo_slider {

	width: 860px;

	margin-bottom: 10px;

	/*background: url(../cutex/images/templatemo_sp_box.png) no-repeat;*/

}

#templatemo_content {

	clear: both;

	width: 930px;

	margin-bottom: 30px; margin-left:5px

}

#templatemo_content p {

	margin-bottom: 0px;

}

.box_colw300{

	float: right;

	width: 325px;

}

.col_w300 {

	float: right;

	width: 300px;

	padding: 10px;

	background: #fff;

	border: #DAE5F3 solid 1px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	margin-bottom: 5px;

}

.customer{

    float: right;

	width: 300px;

	padding: 10px;

	padding-bottom: 122px;

  background: url(../images/customer.png) no-repeat;
  
  padding-top: 4px;

}

.customer2{

    float: right;

	width: 260px;

	padding: 10px;

	padding-bottom: 120px;

  background: url("../cutex/images/customer_2.png") no-repeat; 
  
  margin-top:10px;
  
  padding-top: 6px;

}

.yahoo_index{
  margin-bottom:-12px; 
  margin-left: -85px;
  margin-top: -10px;
}

.yahoo{
  margin-bottom:-12px; 
  margin-left: -38px;
  margin-top: -10px;
}

.title_box{

	border-bottom: 1px solid #DAE5F3; 

	float:left; 

	width: 100%;

}

.title_box_left{

	float: left;

	margin-bottom: 5px;

	color: #5C5C5C;

	font-weight: bold;

	font-size: 14px;

	background: url(../cutex/images/line_box.png) no-repeat 0px 2px;

}

.title_box_left span{

	padding-left: 25px;

}

.title_box_more{

	float: right;

}

.content_box{

	clear: both;

	position: relative;

	padding-top: 5px;

}

.contact_box{

	background: url(../cutex/images/contact.png) no-repeat 15px 0px;

}

.contact_text{

	margin-bottom: 10px;    

	height: 105px;

	margin-left: 65px;
  
  margin-top: 0px;

}

.contact_text strong{

	/*font-family: "Monotype Corsiva",cursive;*/

	color: #1041a7;

	font-size: 12px;

    font-family:Verdana, Geneva, sans-serif !important;

}

.col_w600 {

	float: left;

	width: 580px;

	margin-right: 10px;

	border: 0px solid #039;

}

.col_rightw700{

	float: left;

	width: 643px;

	margin-top: 5px;

	border: 0px solid #039;

	background:#FFF;

	-moz-box-shadow: 0 -2px 5px #888;

	-webkit-box-shadow: 0 -2px 5px #888;

	box-shadow: 0 -2px 5px #888;

}

.list_product{

	margin-top: 10px;

}

.list_photo {

    background-color: #FFFFFF;

    border: 0 solid #F0F0F0;

    cursor: pointer;

    height: 110px;

    width: 110px;

}

.list_thumbnail {

    background-color: #FFFFFF;

    border: 1px solid #DAE4FF;

    cursor: pointer;

    height: 110px;

    width: 110px;

}

.page{

	margin-top: 10px;

	margin-bottom: 10px;

	text-align: center;

}

div.slider{

  background:#FFF;

  padding:10px;

  width:570px;

 -moz-box-shadow: 0 -2px 5px #888;

-webkit-box-shadow: 0 -2px 5px #888;

box-shadow: 0 -2px 5px #888;

display:block;

position:relative;


}

/* ------- SLIDER -----------*/

.slide{ 

	border-bottom:1px #fff solid; width:100%;

}

#faded {  

	height:458px; 

	width:1000px; 

	position:relative; 

	background:#31302f; 

}

#faded ul.show{ 

	display:block; 

	width:746px; 

	height:458px; 

	padding:0; 

	margin:0;

}

#faded ul.show img {  margin-left:0px;}

ul.pagination {	

	width: 150px; 

	height:24px;  

	position: absolute ; 

	z-index:100; 

	right:240px; 

	bottom:10px; 

	margin:0; 

	padding:0;

}

.right_20{ margin-right:20px}

.bg_white{  

	padding-left:0px; 

	margin-bottom:0px;  

	padding-top:10px; 

	padding-left:0px; 

	padding-right:0px;

}

.min_height_760{

	/* min-height:200px;*/

	 width: 590px;

}

h1.main_title{ 

	color:#535353; 

	font-size:22px!important; 

	text-align:center;  

	text-transform:none!important;

	margin-bottom: 10px;

	

}

div.block{ 

	display:block;  

	width:172px; 

	float:left;  

	position:relative; 

	min-height:150px;  

	margin:0px 2px 5px 0px  ; 

	padding:0 5px 5px 5px; 

	background:#fff; 

}

a.next, a.next2 {

	float: right; 

	position: relative; 

	width:16px; 

	height:178px; 

	display:block; 

	cursor:pointer; 

	z-index:1000

}

a.prev, a.prev2 {

	float: left;

	position: relative; 

	width:16px; 

	height:178px;  

	display:block; 

	cursor:pointer; 

	z-index:1000

}

a.prev, a.next { height:187px !important;   }

a.prev2, a.next2 { height:128px !important;   }
a.next2 { right:-7px  !important} 



a.prev, a.prev2 { 

	background:#cecece url(../cutex/images/left.png) 50% 50% no-repeat; 

	left:0; 

	z-index:100; 

}

a.next, a.next2 {

	right:0px;    

	background:#cecece url(../cutex/images/right.png) 50% 50% no-repeat

}

a.prev:hover{  background:#dedede url(../cutex/images/left.png) 50% 50% no-repeat}

a.next:hover{  background:#dedede url(../cutex/images/right.png) 50% 50% no-repeat}

div.track_text{ }

a.img_pro img{ 

	margin-left:10px; 

	padding-bottom:5px;

	width:142px; height:125px;

}

a.img_pro img:hover{}

a.name_product{

	display:block; 

	font-size:12px; 

	line-height:16px; 

	color:#464646;  

	text-align: center; 

	font-family:Arial;  

	font-weight: bold;  

	padding-top:6px;  

	padding-bottom:2px; 

	min-height:32px;

}

a.name_product:hover{  

	text-decoration: none; 

	color:#25221c

}

.mar_10{ margin:20px 0px 5px}

div.discription{ 

	color:#7b7b7b; 

	font-size:12px; 

	line-height:14px; 

	padding-left:5px; 

	padding-bottom:8px

}

.carousel-box{

	background: #f3f5f6;



}

.carousel{ 
	margin-left:21px; 
	padding-top:2px;
}
.carousel li { float:left; background:#fff; margin: 0 2px 5px 0;
    min-height: 150px;
    padding: 0 5px 5px;
    position: relative;
    width: 172px;}

.carousel2{ 
	margin-left:21px; 
	padding-top:2px;
}
.carousel2 li { float:left; background:#fff; margin: 0 2px 5px 0;
    height: 120px;
    padding: 0 5px 5px;
    position: relative;
    width: 172px;
	margin:0 2px 0 0}
 

	

.col_w280 {

	width: 280px;

}

.col_w220 {

	float: left;

	width: 200px;

	padding-right: 20px;

	margin-right: 20px;

}

.col_last {

	margin-right: 0;

}

.sb_news_box {

	margin-bottom: 20px;

}

.sb_news_box img {

	float: left;

	width: 60px;

	height: 60px;

	margin-right: 15px;

	border: 2px solid #fff;

}

.sb_news_box h6 a { font-size: 14px; color: #333; }

.news_box {

	clear: both;

	margin-bottom: 30px;

	padding-bottom: 30px;

	border-bottom: 1px dashed #fff;

}

.col_leftw300{

	float: left;

	width: 260px;

	padding-right: 10px;

	margin-right: 10px;

	border: #DAE5F3 solid 1px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	margin-bottom: 5px;

}

.wp_left{

	float:left;

	display:block;

	width:270px;

	position:relative;

	background:#f9f9f9 ;

}

.wp_menuleft{

	display:block;

	position:relative;

	background:#f9f9f9;

}

UL.menuleft{

	padding:0;

	margin:0;	

}

UL.menuleft li{

	list-style:none;

	display:block;

	float:left;

	line-height: 35px;

    background: url("../cutex/images/bg_leftmenu.png");

}

UL.menuleft li a{

	display:block;

	font-size:14px;

	font-weight: bold;

	text-align:left;

	color:#333;

	text-decoration:none;

}

UL.menuleft li a span{

	background: transparent url(../cutex/images/line_box.png) no-repeat scroll 15px 10px;	

	width:235px;

	height:35px;

	line-height: 35px;

	display:block;

	position:relative;

	padding: 0px 0px 0px 35px;

    border-bottom: 1px solid #D2D2D2;

	left:0px;

}

UL.menuleft li a:hover{

	color:#00A500;

}

UL.menuleft li a span:hover{

	width:235px;

	height:35px;

	line-height: 35px;

	background: url(../cutex/images/line_box.png) no-repeat scroll 15px 10px;

	color:#00A500;

	padding: 0px 0px 0px 35px;

}

UL.menuleft li a span.currentleft{

	width:235px;

	border-right:0px;

	top:-4px;

	color:#00a500;

}

.wp_submenu{

	display:block;

	float:left;	

	width:270px;

    background: none repeat scroll 0 0 #F1F1F1;

}

.wp_submenu a{

	font: 14px helvetica,arial,sans-serif !important;

	font-weight: normal !important;

	height:20px;

    line-height: 20px !important;

	display:block;

	position:relative;

	padding:5px 0px 5px 25px;

	left:0px;

    background: url("../cutex/images/dot-double.gif") repeat-x scroll left bottom transparent;

}

.wp_submenu a:hover{

	color: #004597 !important;

	/*background:#231F20;*/	

}

.news_box h2 {

	color: #183544;

	margin-bottom: 10px;

}

.news_box .news_meta {

	margin-bottom: 10px;

}

.news_box img {

	float: left;

	width: 220px;

	height: 180px;

	margin-right: 30px;

	border: 1px solid #fff;

	padding: 4px;

}

.news_box_last {

	margin: 0;

	padding: 0;

	border: none;

}

.service_box {

	clear: both;

	margin-bottom: 50px;

}

.service_box img {

	float: left;

	width: 48px;

	height: 48px;

}

.service_box .sb_right {

	float: right;

	width: 520px;

}

#contact_form {

	padding: 0;

}

#contact_form form {

	margin: 0px;

	padding: 0px;

}

#contact_form form .input_field {

	width: 270px;

	padding: 5px;

	background: #fff;

	border: 1px solid #dfdfdf;

	font-size: 12px;

}

#contact_form form label {

	display: block;

	width: 100px;

	margin-right: 10px;

	font-size: 13px;	

}

#contact_form form textarea {

	width: 266px;

	height: 140px;

	padding: 5px;

	background: #fff;

	border: 1px solid #dfdfdf;

	font-size: 12px;

	font-family: Tahoma, Geneva, sans-serif;

}

#contact_form .submit_btn {

	padding: 5px 14px;

	background: #fff;

	border: 1px solid #dfdfdf;

}

/* footer */

#templatemo_footer_wrapper {

	clear: both;

	width: 100%;
	
	margin:0 auto; 
  
}


#templatemo_footer {

	width: 896px;

	padding:0px 20px;

	height: 40px;

	margin: 0 auto;

	color: #000;
	
	

	background: url(../images/bg_sh.png) no-repeat top;
	/*background: url(../cutex/images/bg_top-bottom.png);

	background: url(../cutex/images/templatemo_footer.png) center repeat-y;*/

}

#templatemo_footer marquee {

    margin-top:10px;

    color: #004D8A;

    font-size: 16px;

    font-weight: bold;

}

#templatemo_footer .tmo_list {

	margin-left: 0px;

}

#templatemo_footer .tmo_list li a {

	color: #000;

}

#footer_top {

	width: 960px;

	height: 10px;

	margin: 0 auto;

	/*background: url(../cutex/images/templatemo_footer_top.png) left no-repeat;*/

}

/* social */

#templatemo_footer  #social_box {

	clear: both;

	margin: 20px 0;

	padding: 0;

	list-style: none;

}

#social_box li {

	display: block;

	float: left;

	padding: 0;

	margin: 0;

}

#social_box li a {

	width: 24px;

	height: 24px;

	margin: 0 5px 5px 0;

	text-decoration: none;

	border: none;

}

/* end of social */

/* copyright */

#templatemo_copyright {

	clear: both;

	width: 940px;

	padding: 10px;

	margin: 0 auto;

	text-align: center;

	height: 105px;

}

.logo_footer{

	float: left;

	height: 105px;

	width: 278px;

}

.text_footer{

	float: right;

	position: relative;

	right: 30px;

	width: 570px;

	height: 70px;

	padding: 10px;

	background: #F7F7F7;

	border: #E1E1E1 solid 1px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}

.address_info{

	color: #0F489F ;

}



.boxPartner img { width:270px; margin:5px 0}

.pad10 { padding:10px}



#templatemo_copyright a {

}



.navigationT { color:#999; text-align:right; font-weight:bold; font-size:11px}

.navigationT a { color:#999}

.navigationT a:hover, .navigationT a.active, .navigationT a.home { color:#333}



.titlePro { font-size:16px; font-weight:bold; text-transform:uppercase; padding:0; margin:10px 0 20px 0; color:#004597; border-bottom:1px dashed #ccc; padding-bottom:5px}

.listProD li { float:left; width:31%; margin:2% 1%; text-align:center}

.picPro { background:#fff; border:1px solid #EEEEEE; text-align:center}

.picPro img { width:110px; height:110px}

.name { font-size:14px; font-weight:normal; margin:0; padding:5px 0}



.pageNum { padding:10px 0; text-align:center}

.pageNum a { margin:0 5px; color:#222}

.pageNum a:hover { color:#900}



.colDL { float:left; width:300px}

.colDR { margin-left:300px}

.imgPD { width:270px}

.dropmenudiv {
	left: 130px !important;
    position: absolute;
    top: 34px !important;
}

/* end of copyright */

/* end of footer */
/*fix main menu*/
#nav ul li{
	border-right: 1px solid #D2D2D2;
   padding:0 0px 0 0px;
	 margin-top:2px;
	 position:relative;
}
#nav ul li a{
	
	font-size:14px;
	color:#fff;
	font-family:Tahoma;
	font-weight:bold;
	padding:0 27px;
	
}
#nav ul li a:hover{
	color:#66CEFA;
}
#nav li ul{
	position:absolute;
	display:none;
}
#nav li:hover ul{
	display:block;
}
#nav ul li ul li{
	width:auto !important;
	min-width:200px;
	border-right:none;
	height:30px;
	margin:0 0 0 0;
	border-bottom:1px solid #fff;
	
}
#nav ul li ul{
	background:#012652;
}
#nav ul li ul li a{
	
	font-weight:bold;
	text-transform:uppercase;
	font-size:13px;
    line-height:30px;
	}
#nav ul li ul li:hover{
	background-color: #ab2121;
	
}
#nav ul li ul li a:hover{ 
color:#fff;

	
}